<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>壹码当先 - 专注少儿编程</title>

    <script type="text/javascript" src="/pages/js/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {

            /**
             * 用来初始化用户是否登录
             */
            $.post("/user/detail", {}, function (result) {
                if (result.status === 1) {
                    $("#headerLogin").show();
                    $("#headerNoLogin").hide();
                    $("#userName").html(result.data.nickName);
                    $("#userHeader").html('<img src="'+result.data.header+'">');
                }
                else {
                    $("#headerLogin").hide();
                    $("#headerNoLogin").show();
                }
            });

        })
        function logout() {
            $.post("/user/logout", {}, function (result) {
                if (result.status === 1) {
                    window.location.href = "/pages/ymdx/login-register.html";
                }
                else {
                    alert("登出失败");
                }
            });

        }
    </script>

  <link href="/pages/css/kefu.css" rel="stylesheet">
  <script type="text/javascript" src="/pages/js/jquery001.js"></script>
  <!-- Animation CSS -->
  <link href="/pages/css/animate.css" rel="stylesheet">
  <!-- Chosen CSS -->
  <link href="/pages/css/chosen.min.css" rel="stylesheet">
  <!-- Chosen CSS -->
  <link href="/pages/css/login-register.css" rel="stylesheet">
  <!-- Swiper Slider CSS -->
  <link href="/pages/css/flexslider.css" rel="stylesheet">
  <!-- Pretty Photo CSS -->
  <link href="/pages/css/prettyPhoto.css" rel="stylesheet">
  <!-- Swiper Slider CSS -->
  <link href="/pages/css/swiper.css" rel="stylesheet">
  <!-- Custom Main StyleSheet CSS -->
  <link href="/pages/style.css" rel="stylesheet">
  <!-- Color CSS -->
  <link href="/pages/css/color-2.css" rel="stylesheet">
  <!-- Typography StyleSheet CSS -->
  <link href="/pages/css/typography-02.css" rel="stylesheet">
  <!-- Responsive CSS -->
  <link href="/pages/css/responsive.css" rel="stylesheet">

  </head>

<body>
  <!--gt Wrapper Start-->
  <div class="gt_wrapper">
    <!--Header Wrap Start-->
    <header class="gt_hdr2_wrap">
      <div class="gt_top2_wrap default_width">
        <div class="container">
          <div class="gt_hdr_2_ui_element">
            <ul>
              <li id="headerNoLogin"><i class="icon-lock"></i><a
                      href="/pages/ymdx/login-register/login-register.html">登录 &#38; 注册</a></li>
              <li id="headerLogin">
                  <div class="gt-user-login">
                      <div class="gt-media">
                          <figure id="userHeader"><img alt=""  src="/pages/extra-images/popular-course-icon.png">
                          </figure>
                      </div>
                      <a href="#" id="userName" name="/pages/ymdx/users/information.html"></a>
                      <ul>
                          <li><a href="#" id="information" name="/pages/ymdx/users/information.html"><i class="fa fa-user"></i> 个人信息</a></li>
                          <li><a href="#" id="myworks" name="/pages/ymdx/users/myworks.html"><i class="fa fa-file"></i> 我的作品</a></li>
                          <li><a href="javascript:void(0);" onclick="logout()"><i class="fa fa-sign-out"></i> 退出</a></li>
                      </ul>
                  </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="gt_menu_bg default_width">
        <div class="container">
          <!--Logo Wrap Start-->
          <div class="gt_logo gt_logo_padding">
            <a href="/pages/index.html"><img src="/pages/images/logo-2.png" alt=""></a>
          </div>

          <nav class="gt_navigation2">
            <button class="gt_mobile_menu">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <ul>
              <li class="#"><a href="#" id="a1" name="/pages/index_data.html">首页</a></li>
              <li><a href="#" id="course" name="/pages/ymdx/course/course.html">课程介绍</a></li>
              <li><a href="#" id="showworks" name="/pages/ymdx/showpages/showworks.html">作品展示</a></li>
              <li><a href="#" id="news" name="/pages/ymdx/news/news.html">新闻资讯</a></li>
              <li><a href="#" id="aboutus" name="/pages/ymdx/showpages/aboutus.html">关于我们</a></li>
              <li><a href="#" id="cooperation" name="#">企业合作</a></li>
            </ul>
          </nav>
          <!--Navigation Wrap End-->
        </div>
      </div>
    </header>
    <!--Header Wrap End-->

    <div>
      <iframe id="iframe1" scrolling="no" width="100%" src="/pages/index_data.html" frameborder="0" data-id="index_data.html" seamless></iframe>
    </div>
    <script type="text/javascript">
    $(function(){
      $("#a1").click(function(){
        var name=$(this).attr("name");
        $("#iframe1").attr("src",name).ready();
      })
      $("#course").click(function(){
        var name=$(this).attr("name");
        $("#iframe1").attr("src",name).ready();
      })
      $("#showworks").click(function(){
        var name=$(this).attr("name");
        $("#iframe1").attr("src",name).ready();
      })
      $("#news").click(function(){
        var name=$(this).attr("name");
        $("#iframe1").attr("src",name).ready();
      })
      $("#aboutus").click(function(){
        var name=$(this).attr("name");
        $("#iframe1").attr("src",name).ready();
      })
      $("#cooperation").click(function(){
        var name=$(this).attr("name");
        $("#iframe1").attr("src",name).ready();
      })
      // $("#lon_res").click(function(){
      //   var name=$(this).attr("name");
      //   $("#iframe1").attr("src",name).ready();
      // })
      $("#information").click(function(){
        var name=$(this).attr("name");
        $("#iframe1").attr("src",name).ready();
      })
      $("#userName").click(function(){
        var name=$(this).attr("name");
        $("#iframe1").attr("src",name).ready();
      })
      $("#myworks").click(function(){
        var name=$(this).attr("name");
        $("#iframe1").attr("src",name).ready();
      })
    })
    </script>
    <!--Footer Wrap Start-->
    <footer>
      <!--Footer List Wrap Start-->
      <div class="gt_footer2_bg default_width">
        <div class="container">
          <div class="row">
            <div class="col-md-3 col-sm-6">
              <div class="gt_foo_logo_wrap default_width">
                <a href="#"><img src="/pages/images/footer-logo.png" alt=""></a>
                  <p>L我们致力于打造最优质的少儿编程课业体系，立志在中国青少年群体中推广程序设计，让更多的孩子爱上编程，让更多的程序mead in china。</p>
                  <span><a href="/pages/ymdx/showpages/aboutus.html">详情</a></span>
              </div>
            </div>
            <div class="col-md-3 col-sm-6">
              <div class="gt_foo2_link gt_widget2_hdg">
                  <h5>Quick links</h5>
                  <ul>
                      <li><a href="/pages/index.html">首页</a></li>
                      <li><a href="/pages/ymdx/course/course.html">课程介绍</a></li>
                      <li><a href="/pages/ymdx/showpages/showworks.html">作品展示</a></li>
                      <li><a href="/pages/ymdx/news/news.html">新闻资讯</a></li>
                  </ul>
                  <ul>
                      <li><a href="/pages/ymdx/showpages/aboutus.html">关于我们</a></li>
                      <li><a href="/pages/ymdx/showpages/cooperation.html">企业合作</a></li>
                  </ul>
              </div>
            </div>
            <div class="col-md-3 col-sm-6">
              <div class="gt_foo_news gt_widget2_hdg">
                <h5>Recent Activities</h5>
                <ul>
                  <li>
                    <figure>
                      <img src="/pages/extra-images/testimonial-01.jpg" alt="">
                    </figure>
                    <div class="foo_news_content">
                      <a href="#">壹码当先欢迎你</a>
                    </div>
                  </li>
                  <li>
                    <figure>
                      <img src="/pages/extra-images/testimonial-02.jpg" alt="">
                    </figure>
                    <div class="foo_news_content">
                      <a href="#">少儿编程好处多</a>
                    </div>
                  </li>
                  <li>
                    <figure>
                      <img src="/pages/extra-images/testimonial-03.jpg" alt="">
                    </figure>
                    <div class="foo_news_content">
                      <a href="#"  id="showworks" name="/pages/ymdx/showpages/showworks.html">学员优秀作品</a>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <div class="col-md-3 col-sm-6">
              <div class="gt_widget2_hdg">
                <h5>Contact Us</h5>
                <p>欢迎关注公众号“壹码当先”，更多干货尽在分享</p>
                <ul class="gt_team1_contact_info">
                  <li><i class="fa fa-map-marker"></i>总公司地址：浙江省杭州市滨江区高教园区</li>
                  <li><i class="fa fa-phone"></i>联系电话：18005710219</li>
                  <li><i class="fa fa-phone"></i>联系电话：17305814478</li>
                </ul>
              </div>
            </div>
          </div>

           <!-- Flicker Widget Wrap Start -->
          <div class="gt_flicker_outer_wrap gt_widget2_hdg">
            <h5>Flicker Widget</h5>
            <div class="gt_fliker_slider" id="gt_fliker_slider">
              <div class="item">
                <div class="gt_fliker_img">
                  <a href="#"><img src="/pages/extra-images/flicker-01.jpg" alt=""></a>
                </div>
              </div>
              <div class="item">
                <div class="gt_fliker_img">
                  <a href="#"><img src="/pages/extra-images/flicker-02.jpg" alt=""></a>
                </div>
              </div>
              <div class="item">
                <div class="gt_fliker_img">
                  <a href="#"><img src="/pages/extra-images/flicker-03.jpg" alt=""></a>
                </div>
              </div>
              <div class="item">
                <div class="gt_fliker_img">
                  <a href="#"><img src="/pages/extra-images/flicker-04.jpg" alt=""></a>
                </div>
              </div>
              <div class="item">
                <div class="gt_fliker_img">
                  <a href="#"><img src="/pages/extra-images/flicker-05.jpg" alt=""></a>
                </div>
              </div>
              <div class="item">
                <div class="gt_fliker_img">
                  <a href="#"><img src="/pages/extra-images/flicker-06.jpg" alt=""></a>
                </div>
              </div>
              <div class="item">
                <div class="gt_fliker_img">
                  <a href="#"><img src="/pages/extra-images/flicker-01.jpg" alt=""></a>
                </div>
              </div>
              <div class="item">
                <div class="gt_fliker_img">
                  <a href="#"><img src="/pages/extra-images/flicker-02.jpg" alt=""></a>
                </div>
              </div>
            </div>
          </div>
          <!-- Flicker Widget Wrap End -->

        </div>
      </div>
      <!--Footer List Wrap End-->

      <!--Copyright Wrap End-->
      <div class="gt_copyright_wrap copyright2_bg">
        <div class="container">
            <div class="gt_copyright_des">
                <p>Copyright © <a href="#">壹码当先 </a> 2016-2017. All rights reserved.</p>
                <span> <a href="http://www.miitbeian.gov.cn" target="_blank">浙ICP备17043654号</a></span>
              </div>
          </div>
      </div>
      <!--Copyright Wrap Start-->

    <!-- sevice -->
      <div id="service">
      <ul>
          <li>
              <a href="#" class="zaixiankefu">
                  <img src="/pages/images/kefu/kefu.png" width="47" height="49"/>
              </a>
          </li>
          <li>
              <a href="javascript:void(0)" class="weixin_area">
                  <img src="/pages/images/kefu/weixin1.png" width="47" height="49" class="shows" />
                  <!-- <img src="images/kefu/weixin2.png" width="57" height="49" class="hides" /> -->
                  <img src="/pages/images/kefu/erweima.jpg" width="145" class="weixin" style="display:none;margin:-100px 57px 0 0; z-index: 2" />
              </a>
          </li>
          <li>
              <a href="#" target="_blank">
                  <div class="hides" style="width:161px;display:none;" id="qq">
                      <div class="hides" id="p1">
                          <img src="/pages/images/kefu/qq1.png">
                      </div>
                        <div class="hides" id="p2"><span style="color:#FFF;font-size:13px">XXXXXXXXXX</span>
                      </div>
                  </div>
                  <img src="/pages/images/kefu/qq2.png" width="47" height="49" class="shows" />
              </a>
          </li>
          <li id="tel">
              <a href="javascript:void(0)">
                  <div class="hides" style="width:161px;display:none;" id="tels">
                      <div class="hides" id="p11">
                          <img src="/pages/images/kefu/tel1.png">
                      </div>
                      <div class="hides" id="p3"><span style="color:#FFF;font-size:12px">18005710219</span>
                      </div>
                  </div>
                  <img src="/pages/images/kefu/tel2.png" width="47" height="49" class="shows" />
              </a>
          </li>
          <li id="btn">
              <a id="top_btn">
                  <div class="hides" style="width:161px;display:none">
                      <img src="/pages/images/kefu/end1.png" width="161" height="49" />
                  </div>
                  <img src="/pages/images/kefu/end2.png" width="47" height="49" class="shows" />
              </a>
          </li>
      </ul>
      </div>
    </footer>
    <!--Footer Wrap End-->

    <!--Back to Top Wrap Start-->
    <div class="back-to-top">
      <a href="#home"><i class="fa fa-angle-up"></i></a>
    </div>
    <!--Back to Top Wrap Start-->

    <script type="text/javascript">
      $(function() {
          $("#service a").hover(function() {
              if ($(this).prop("className") == "weixin_area") {
                  $(this).children("img.hides").show();
              } else {
                  $(this).children("div.hides").show();
                  $(this).children("img.shows").hide();
                  $(this).children("div.hides").animate({marginRight: '0px'}, '0');
              }
          }, function() {
              if ($(this).prop("className") == "weixin_area") {
                  $(this).children("img.hides").hide();
              } else {
                  $(this).children("div.hides").animate({marginRight: '-163px'}, 0, function() {
                      $(this).hide();
                      $(this).next("img.shows").show();
                  });
              }
          });

          $("#top_btn").click(function() {
              $("html,body").animate({scrollTop: 0}, 600);
          });

          //右侧导航 - 二维码
          $(".weixin_area").hover(function() {
              $(this).children(".weixin").show();
          },function(){
              $(this).children(".weixin").hide();
          })
      });
    </script>

  </div>
  <!--gt Wrapper End-->

  <!--Jquery Library-->
  <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <!--Bootstrap core JavaScript-->
  <script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
  <!--Flex Slider JavaScript-->
  <script src="/pages/js/jquery.flexslider-min.js"></script>
  <!--Swiper Slider JavaScript-->
  <script src="/pages/js/swiper.jquery.min.js"></script>
  <!--Owl Carousel JavaScript-->
  <script src="/pages/js/owl.carousel.js"></script>
  <!--Chosen JavaScript-->
  <script src="/pages/js/chosen.jquery.min.js"></script>
  <!--Chosen JavaScript-->
  <script src="/pages/js/waypoints-min.js"></script>
  <!--Pretty Photo Javascript-->
  <script src="/pages/js/jquery.prettyPhoto.js"></script>
  <!--Custom JavaScript-->
  <script src="/pages/js/custom.js"></script>

</body>
</html>
